<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS对象和JQuery对象转换</title>
</head>
<body>
    <div id="div">我是div</div>
</body>
<!--引入 jQuery 文件-->
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    //$(JS 的 DOM 对象);
    //js方式 通过id属性值获取div元素
    let jsDiv = document.getElementById("div");
    // alert(jsDiv.innerHTML);
    //alert(jsDiv.html());  JS对象无法使用jQuery里面的功能

    //将js对象转换为jQuery对象
    let jq = $(jsDiv);
    // alert(jq.html());


    /*jQuery 对象[索引];
      jQuery 对象.get(索引);*/
    //jQuery方式，通过id属性值获取div元素
    let jqDiv = $("#div");
    // alert(jqDiv.html());

    //将jQuery对象转换为js对象
    let js = jqDiv[0];
    alert(js.innerHTML);
</script>
</html>